<!DOCTYPE html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>订单支付</title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/css+hotel+datepicker-range^a1w^1552035728.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/css+mfw-header.2015^ylvs^1559526017.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/mfw-footer.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/mfw-toolbar.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelspot.css" rel="stylesheet" type="text/css">
    <link href="/styles/select.css" rel="stylesheet" type="text/css">


    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/plugins/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/index.js"></script>
    <script type="text/javascript" src="/js/plugins/jrender/jrender.min.js"></script>


    <link href="/css/common.css" rel="stylesheet">
    <link href="/css/corptravel.css" rel="stylesheet">
    <link href="/css/enterprise.css" rel="stylesheet">

    <!-- IconFont图标 -->
    <link href="/css/iconfont.css" rel="stylesheet">

</head>
<body>
<#assign currentNav="flight">
<#include "../common/navbar.ftl">
<!-- 管理模板 -->
<div class="container bg-gray-eee box-shadow mar-bottom-30"
     style="padding-right:0px; padding-left:0px; position:relative; margin-top:120px;">
    <div class="col-sm-7 container bg-white  pad-bottom-20">
        <!-- 航班信息 -->
        <div style="overflow:hidden;">
            <h3 class="mar-bottom-20" style=" display:block; float:left;">乘机人</h3>
        </div>
        <div>
            <input name="input" type="text" class="form-control input-sm w300" style=" display: inline-block;"
                   placeholder="姓名，与登机所持证件中的姓名一致">
            <select name="select" class="form-control input-sm w150" style=" display: inline-block;">
                <option value="成人" selected="selected">成人</option>
                <option value="儿童">儿童（2-12岁）</option>
                <option value="婴儿">婴儿（14天-2岁）</option>
            </select>
        </div>
        <div class="mar-top-10">
            <select name="select" class="form-control input-sm w150" style=" display: inline-block;">
                <option value="身份证" selected="selected">身份证</option>
            </select>
            <input name="input" type="text" class="form-control input-sm w300" style=" display: inline-block;"
                   placeholder="证件号码">
        </div>

        <div class=" mar-top-10">
        </div>

        <!-- 航班信息 结束 -->

        <!-- 保险 -->
        <div style="position:relative;">
            <h3 class="mar-bottom-20">保险</h3>
            <a href="" class="mar-right-10 safe">航意险</a>
            <select name="select" class="form-control input-sm w150 mar-right-10" style=" display: inline-block;">
                <option value="保险" selected="selected">￥30/份X1</option>

            </select>
            <span>保额￥260万/份</span>


            <!-- 联系人 -->
            <h3 class="mar-bottom-20">联系人</h3>
            <input name="input" type="text" class="form-control input-sm" style=" display: inline-block; width:460px;"
                   placeholder="姓名">
            <div class="mar-top-10">
                <select name="select" class="form-control input-sm w110 mar-right-10" style=" display: inline-block;">
                    <option value="国家" selected="selected">中国&nbsp;&nbsp;+86</option>
                </select>
                <input name="input" type="text" class="form-control input-sm"
                       style=" display: inline-block; width:337px;" placeholder="手机号码，接收航班信息">
            </div>
        </div>

        <div class="col-sm-5 bg-gray-eee">

            <#if ftone??>
                 <div style=" margin-left:-15px;">
                     <h4 style="overflow:hidden; margin-left:10px;">
                         <span style="display:block; float:left;">${ftone.takeoffTime?string("MM-dd")}&nbsp;&nbsp;周三</span>
                         <span style="display:block; float:left; margin-left:80px;">${ftone.fromCityName} - ${ftone.toCityName}</span>
                         <span style=" display:block; float:right;color:#999; font-size:14px; margin-right:5px;">${ct.cabinGrade}</span>
                     </h4>
                 </div>
            <div style=" overflow:hidden; margin-bottom:20px;">
                <div class="flight-from" style="float:left;">
                    <span class="time text-center">${ftone.landingTime?string("HH:mm")}</span><br/>
                    <span class="text-center">${ftone.takeoffPortName}</span>
                </div>
                <div class="flight-info" style="float:left; margin-left:100px;">
                    <img src="/images/a.png">
                    <span class="font12 gray-999">${ftone.timeDifference}</span>
                    <img src="/images/b.png"><br/>
                    <span class="text-center font12 gray-999 mar-left-10">${ftone.airlineName} ${ftone.flightNum}</span><br/>
                    <img src="/images/c.png" class="mar-left-10">
                    <span class="airline-direct"></span>
                    <span class="arrow"></span>
                </div>
                <div class="flight-to" style="float:right;">
                    <span class="time text-center">${ftone.landingTime?string("HH:mm")}</span><br/>
                    <span class="text-center">${ftone.landingPortName}</span>
                </div>
            </div>
            </#if>

            <div style=" margin-left:-15px;">
                <h4 style="overflow:hidden; margin-left:10px;">
                    <span style="display:block; float:left;">${fttow.takeoffTime?string("MM-dd")}&nbsp;&nbsp;周三</span>
                    <span style="display:block; float:left; margin-left:80px;">${fttow.fromCityName} - ${fttow.toCityName}</span>
                    <span style=" display:block; float:right;color:#999; font-size:14px; margin-right:5px;">${ct.cabinGrade}</span>
                </h4>
            </div>
            <div style=" overflow:hidden; margin-bottom:20px;">
                <div class="flight-from" style="float:left;">
                    <span class="time text-center">${fttow.landingTime?string("HH:mm")}</span><br/>
                    <span class="text-center">${fttow.takeoffPortName}</span>
                </div>
                <div class="flight-info" style="float:left; margin-left:100px;">
                    <img src="/images/a.png">
                    <span class="font12 gray-999">${fttow.timeDifference}</span>
                    <img src="/images/b.png"><br/>
                    <span class="text-center font12 gray-999 mar-left-10">${fttow.airlineName} ${fttow.flightNum}</span><br/>
                    <img src="/images/c.png" class="mar-left-10">
                    <span class="airline-direct"></span>
                    <span class="arrow"></span>
                </div>
                <div class="flight-to" style="float:right;">
                    <span class="time text-center">${fttow.landingTime?string("HH:mm")}</span><br/>
                    <span class="text-center">${fttow.landingPortName}</span>
                </div>
            </div>
            <div style=" margin-left:-15px; overflow:hidden;">
                <h4 class="mar-left-10" style="display:block; float:left;">订单总额</h4>
                <h4 class="red" style=" display:block; float:right; font-weight:bold;">￥${ct.nitTicketPrice}</h4>
            </div>
            <table class="table">
                <tr>
                    <td>成人票</td>
                    <td>￥${ct.nitTicketPrice}/人</td>
                    <td>x1</td>
                </tr>
                <tr>
                    <td>机建费</td>
                    <td>￥${fttow.adultAirportPrice}/成人</td>
                    <td>x1</td>
                </tr>
                <tr>
                    <td>航意险</td>
                    <td>￥30/人</td>
                    <td>x1</td>
                </tr>
            </table>
            <div class="order-discount">
            </div>
        </div>


    </div>


    <div class="text-center mar-top-10">
        <input type="checkbox" name="choice">&nbsp;我已阅读并接受免责条款、费用扣除、退保等在内的重要事项，其中包括 <a href="">《网络电子客票协议》</a> <a
            href="">《航意险说明》</a> <a href="">《延误险说明》</a> <a href="">《保险经纪委托协议》</a><br/>
        <#if fone??>
        <input type="button" value="提交订单" class="btn btn-danger mar-top-20" onclick="window.location.href ='/flight/indent?fid=${fttow.id}&cid=${ct.id}&ftid=${fone.id}';">
        <#else>
         <input type="button" value="提交订单" class="btn btn-danger mar-top-20" onclick="window.location.href ='/flight/paysuccess?fid=${fttow.id}&cid=${ct.id}';">
        </#if>


    </div>

</div>
<#include "../common/footer.ftl">
</body>
</html>
